

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-6 col-md-6  main  text-center">
         	<div class="logo">
         	<img src="<?=base_url()?>resources/frontpage/imgs/logo.png" width="150">
         	</div>
         	


         	<div class="menu">
         	
         		<div class="intro-text">
         		<div class="section-heading"><h3>Notre Carte</h3></div>
         			<?php foreach ($category as $c):?>
         			<li><button href="#" class="btn btn-sm btn-default" type="button" onclick="openCard('<?=$c->cate_name?>','<?=$c->id?>')"><?=$c->cate_name?></button></li>
         			<?php endforeach;?>
         			<div class="clearfix"></div>
         			<div class="section-heading"><h3>Nos Buffets</h3></div>
         			<div class="col-lg-6">
         			<dl class="dl-horizontal">
         			<dt><h4>Buffet-Lunch</h4></dt>
         			<dd></dd>
 					<dt>du lundi au samedi ( sauf mardi )</dt>
  					<dd>12.50 €</dd>
  					<dt>* Pour les enfants de 3 à 10 ans</dt>
  					<dd>10.00 €</dd>
  					<dt>dimanche midi</dt>
  					<dd>28.00 €</dd>
					</dl>
					</div>
					<div class="col-lg-6">
					<dl class="dl-horizontal">
         			<dt><h4>Buffet-Soir</h4></dt>
         			<dd></dd>
 					<dt>vendredi, samedi et dimanche</dt>
  					<dd>28.00 €</dd>
  					<dt>* Pour les enfants de 3 à 7 ans</dt>
  					<dd>10.00 €</dd>
  					<dt>* Pour les enfants de 8 à 11 ans</dt>
  					<dd>15.00 €</dd>
					</dl>
					</div>
					<div class="clearfix"></div>
					<div class="section-heading"><h3>Informations Importantes</h3></div>
					<div class="orderInfo">
					<li>Les plats à la carte sont toujours disponible à commander.</li>
					<li>Plats à emporter: -10% à partir de 30 €</li>
					<li>Pour féliciter votre anniversaire, nous aurons le plaisir de vous offrir un plat de fruit artistique.</li>
					<li>Carte de fidélité: nous vous offrons 1 buffet gratuit après le 10ème buffet.</li>
					</div>
         		</div>
				<div class="intro-text visible-xs">
         			&copy; <?php if(date('Y') >2014 ){?>2014 - <?=date('Y')?><?php }else{?>2014<?php }?> Palais Banquet | <a href="http://www.betalife.be" target="_blank">beta life</a> web design 09/2014
         		</div>
        </div>
	</div>

<!-- Modal -->
<div class="modal fade modal-white" id="myCard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
      <button type="button" class="btn btn-default pull-right" onclick="dismiss()"><i class="fa fa-times"></i></button>
       
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        En cours de traitement
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" onclick="dismiss()">Fermer</button>
        
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
	function openCard($title, $cat_id)
	{
		$('#myCard').modal({
  		  keyboard: false,
  			backdrop: false
  		});
		$.ajax({
			async:false,
			type:'POST',
			data:{cat_id:$cat_id},
			 url: '<?=site_url()?>menu/getContent',
			success:function(data){
				if(data !=false){
				$list = JSON.stringify(data);				
				$('.modal-body').html('');
				 $.each($.parseJSON($list), function(idx, obj) {
					 if(obj.category_id == 15){
						 $(".modal-body").append('<div class="listItem text-center"><h4>'+obj.product_name+obj.price+' €</h4><p class="subtitle">'+obj.subtitle+'</p><p class="description"> '+obj.description+'</p></div>');
					 }else{
						 if(obj.description ==''){
		  			 		$(".modal-body").append('<p class="listItem">'+obj.num+'. '+obj.product_name+' <label class="label label-danger subtitle">'+obj.subtitle+'</label><span class="price">'+obj.price+' €</span><br><span class="description"> '+obj.description+'</span></p>');
						 }else{
							 $(".modal-body").append('<p class="listItem">'+obj.num+'. '+obj.product_name+' <label class="label label-danger subtitle">'+obj.subtitle+'</label><span class="price">'+obj.price+' €</span><br><span class="description"><i class="fa fa-dot-circle-o"></i> '+obj.description+'</span></p>');
						}	
					 }
			  			})
				}else{
					$('.modal-body').html("Il n'y a pas d'info dans cette catégorie.");
					}
				
				},
			dataType:'json'
			});
		$("#myCard .modal-title").html($title);
		}


	function dismiss()
	{
		$('#myCard').modal('hide');
		$('#myCard').on('hidden.bs.modal', function (e) {
			  $('.modal-body').html('En cours de traitement');
			})
	}

</script>

